// 引入公共css
require("../../assets/css/normalize.css");
require("../../assets/css/reset.css");
require("../../assets/css/basic.css");
require("../../assets/css/property.css");
require("../../assets/fonts/word-img/iconfont.css");

let dom = require("../../assets/js/util.js");
let axios = require("../../assets/js/axios");
// 引入自己的
// 普通
var map = new BMapGL.Map("container");
var point = new BMapGL.Point(104.064361, 30.542087);
// 层级
map.centerAndZoom(point, 12);
require("./sport-ride.less");
window.addEventListener("DOMContentLoaded", function () {
	// 头部导航栏渲染

	// 调用底部导航渲染
	dom.renderNavtaber("sports");
	// go
	// dom.turnToPage("time", ".m2");
	// 点击事件--发送类型请求
	dom.$(".m2").addEventListener("click", function () {
		// 蒙版显示
		dom.$(".mask").style.display = "block";
		// 倒计时
		let num = 3;
		let timer = setInterval(function () {
			dom.$(".mask").textContent = num;
			num--;
			if (num === 0) {
				clearInterval(timer);
				// 发请求带参数类型
				window.location.href = "sporting.html?type=1";
			}
		}, 1000);
	});
	// 数据渲染
	// 发请求
	axios.get("/api/exercise").then((res) => {
		// console.log(res.data.data.days);
		// 每天的数据
		let days = res.data.data.days;
		if (res.data.errno === 0) {
			// 数据存在于days数组里的对象里的exerciseData的数组里，total

			let total = 0;
			days.forEach((v) => {
				// 三种类型的数据
				// console.log(v.exerciseData);
				// 跑步的数据
				total += v.exerciseData[1].meter;
			});

			// 渲染
			dom.$("#meter").textContent = total;
		}
	});
	// 跑步
	dom.turnToPage("sports-run", "#running");
	// 骑行
	dom.turnToPage("sport-ride", "#riding");
	// 课程
	dom.turnToPage("courses", "#courses");
	// 首页
	dom.turnToPage("index", "footer .icon-index");
	// 运动
	dom.turnToPage("sports-run", "footer .icon-sports2");
	// 我的
	dom.turnToPage("myMessage", "footer .icon-mine");
});
